<!DOCTYPE html>
<html> 
<head>
  <meta charset="utf-8"/>
  <title>Sistema de alerta de sismo</title>
 <link rel="stylesheet" href="Style/styleHome.css" type="text/css" charset="utf-8"/>
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
</head>

<body>
<div id="content">
  <div id="header">
  <img src="images/logo3.png" width="141" height="134" />
  <img src="images/header2.png" width="865" height="50" />
  <div class="info"> 
 <?php
session_start();
if (isset($_SESSION['k_username'])) {
echo '<h3>Bienvenido, ';
    echo ' '.$_SESSION['k_username'].'.';
    echo '<a href="logout.php">Salir</a> </h3>';
}
?>
  </div>
  </div>
  
  
  <div id="menuLateral"> <ul id="navigation">
            <li class="home"><a href="#"  onclick="cargar('#contenido', 'ultimosSismos.php')"title="Home"></a></li>
            <li class="Familiares"><a href="#"  onclick="cargar('#contenido', 'Familiares.php')" title="Agregar Lista de Contactos"></a></li>
            <li class="editar"><a href="#"  onclick="cargar('#contenido', 'editarDatos.php')" title="editar Datos"></a></li>
            <li class="aplicacion"><a href="#"  onclick="cargar('#contenido', 'acercade.php')" title="Acerca de la aplicacion"></a></li>
            <!--<li class="rssfeed"><a href="" title="Rss Feed"></a></li>-->
            <!--<li class="podcasts"><a href="" title="Podcasts"></a></li>-->
            <!--<li class="contact"><a href="" title="Contact"></a></li>-->
  </ul></div>
  <div id="contenido">
  
     
      
  </div>
  <div id="footer" class="foto"><img src="images/footer.png" width="1010" height="79" /></div>
</div>
</body>
</html>

 <script type="text/javascript">
            $(function() {
                $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

                $('#navigation > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
                    },
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
                    }
                );
            });
            

function cargar(div, desde)
{
     $(div).load(desde);
}
           
            
        </script>